<template>
  <v-sheet
    color="thirdary"
    class="pa-5 px-md-16 h-100"
    elevation="2"
    rounded="lg"
  >
    <v-sheet color="overall" class="text-caption d-flex align-center pa-1 mt-5"
      ><i class="iconfont red--text" style="font-size: 1.2rem">&#xe61b;</i>
      <span>温馨提醒：费用由医院自行设定，平台不收取任何额外费用</span></v-sheet
    >
    <div class="d-flex flex-wrap mt-5">
      <div class="pa-0 col-12 col-md-6 pr-md-2">
        <v-select
          label="省份"
          v-model="division.selectProvinceName"
          :items="division.provinceNames"
        ></v-select>
      </div>
      <div class="pa-0 col-12 col-md-6 pl-md-2">
        <v-select
          label="城市"
          v-model="division.selectCitiesName"
          :items="division.cityNames"
        ></v-select>
      </div>
    </div>
    <v-select label="医院"></v-select>
    <v-select label="科室"></v-select>
    <v-btn width="100%" color="primary">预约挂号</v-btn>
  </v-sheet>
</template>



<script>
import { Division } from "../../untill/getSite";
export default {
  data() {
    return {
      division: new Division(),
    };
  },
};
</script>



<style lang="scss" scoped>
</style>
